.order-item{
  margin-top: 10px;
  background: #fff;
  .products{
    .order-product{
      padding: 20px $gutter;
      display: flex;
      align-items: flex-start;
      .pic{
        width: 243px;
        overflow: hidden;

        img{
          max-width: 100%;
        }
      }
      .prod-info{
        flex: 1;
        padding-left: $gutter;
        font-size: $sm-font;
        .name{
          height: 62px;
          @include mulitText(2);
          line-height: 30px;
          margin-bottom: 30px;
        }
        .color,.quantity{
          color: $font-color-light-gray;
          margin-bottom: 20px;
        }
        .price{
          font-weight: bold;
          font-size: $md-font;
          color:$red;
        }
      }
    }
  }
  .amount{
    padding:0 $gutter;
    text-align: right;
    border-top: 2px solid $bg-color;
    border-bottom: 2px solid $bg-color;
    height: 70px;
    line-height: 70px;
  }
  .control{
    text-align: right;
    padding: 10px $gutter;
    .order-btn{
      margin-left: 12px;
      border-radius: 10px;
    }
  }
}